<!DOCTYPE html>
<html lang="en">
<head>
    <!--<meta charset="UTF-8" http-equiv="refresh" content="2">-->
    <meta charset="UTF-8" >
    {% load myTag %}
    {% load staticfiles %}
    <title>Title</title>
    <style>
        .first{
            color: #2459a2;
        }
    </style>
</head>
<body>
<h1> 时间： {{time}}</h1>
<h1>hello {{name}}</h1>
<h1>hello {{L.0}}</h1>
<h1>hello {{L.1}}</h1>
<h1>hello {{L.2}}</h1>
<h1>hello {{L.3}}</h1>
<span> 女神--->：{{people}}</span><br>
<span> 美女--->：{{people.name}},{{people.age}},{{people.sex}}</span><br>
<span> 四千年一遇的美女--->：{{dic}}</span><br>
<span> 四千年一遇的美女--->：{{dic.name}}</span><br>
<span> 是否为空---></span><br>
<p>--------------</p>
鞠婧祎的年龄是{{dic.age}}<br>
自定义过滤器filterMutel 的结果是：{{dic.age|filterMutel:2}}
<p>--------------</p>
自定义标签的用法‘{% mutel 3 5 9%}’ 3+5+9 的结果是：{% mutel 3 5 9%}
自定义标签的用法多个参数{% mutel 30  50  20 %}
<p>-----------------------</p>
{% for item in L %}
    {% if forloop.first %}
        <li class="first">{{item}}</li>
    {% else %}
        <li>{{item}}</li>
    {% endif %}
{% endfor %}

{% for item in L %}
    <p>{{forloop.counter}}.{{item}}</p>
{% endfor %}
<!--序号从0开始-->
{% for item in L %}
    <p>{{forloop.counter0}}.{{item}}</p>
{% endfor %}


<!-- 序号倒序 -->
{% for item in L %}
<p>{{forloop.revcounter}}.{{item}}</p>
{% endfor %}


{% for k,v in dic.items %}
    <p>{{k}},{{v}}</p>
{% endfor %}

<!--过滤-->
<h1>{{test|cut:' '}}</h1>
<h1>{{tt|date:"Y-m-d H:m:s"}}</h1>
<h1>{{L0|default:'空列表'}}</h1>
<h1>{{a}}</h1>
<h1>{{a|safe}}</h1>


<!--控制语句-->
{% if d.age > 20 %}
    <h2>{{d.name}}年龄大于20</h2>
    {% elif d.age > 10 %}
        <h2>{{d.name}}年龄小于20 是{{d.age}}</h2>
    {% else %}
        <h2>{{d.name}}年龄小于10 是{{d.age}}</h2>
{% endif %}


{% for item in L0 %}
    {% empty %}
        <h2>{{L0}}:是空列表</h2>
    <!--<h3>item</h3>-->

{% endfor %}

<form action="{% url 'denglu' %}" method="post">

    <p>账号 <input type="text" name="user"></p>
    <p>密码 <input type="password" name="password"></p>
    <p><input type="submit"></p>
    {% csrf_token %}
</form>


<!--方式一-->
<!--<script src="/statics/jquery-3.3.1.min.js"></script>-->
<!--方式二-->
<script src="{% static 'jquery-3.3.1.min.js'%}"></script>
<script>
    $('h1').css('color','red')
</script>
</body>
</html>